<!DOCTYPE html>
<!--**
 *Created by wf_H on 2018/8/6.
 *by:web_hwf@sina.com
 *-->
<html lang="zh">
<head>
    <meta charset="UTF-8">
    <title>交易管理-培训查看详情</title>

    <!--使用IE兼容模式渲染-->
    <meta http-equiv="X-UA-Compatible" content="IE=edge,Chrome=1"/>
    <meta name="renderer" content="webkit">

    <link rel="stylesheet" href="http://css.tt.gzedu.com/workeredu_cn/platform_admin/v1.0/style/dist/zui@1.8.1/css/zui.min.css">
    <link rel="stylesheet" href="http://css.tt.gzedu.com/workeredu_cn/platform_admin/v1.0/style/dist/zui@1.8.1/css/zui-theme.css">
    <link rel="stylesheet" href="http://css.tt.gzedu.com/workeredu_cn/platform_admin/v1.0/style/dist/hover.css">

    <link rel="stylesheet" href="http://css.tt.gzedu.com/workeredu_cn/platform_admin/v1.0/style/h-base.css">
    <link rel="stylesheet" href="http://css.tt.gzedu.com/workeredu_cn/platform_admin/v1.0/style/h-index.css">
</head>
<body class="childrenBody">

<!--返回按钮-->
<a href="javascript:;" class="out_btn">
    <span> < </span> 广州市总工会《2018年学历教育补贴》
</a>

<!--详情-->
<div class="details_tab">
    <div class="body_text">
        <h1>2018年学历教育补贴</h1>
        <p class="title_text">
            <span>广州市总工会</span>
            <span>订单日期：2018.3.1 10:31:11</span>
        </p>

        <div class="item_tab">
            <h2>订单概况   <span>订单编号： 201805170302197457 </span></h2>
            <div class="text_list">
                <div class="text_item">订单金额：<span class="color_01">48万元</span></div>
                <div class="text_item">订单状态：已回款    <button class="btn btn-sm btn-primary" type="button">查看回款信息</button></div>
                <div class="progress_bar_list">
                    <a href="javascript:;" class="bar_item cur">
                        <p>创建订单</p>
                        <div class="bar_bg"></div>
                        <p>2018.08.09</p>
                    </a>
                    <a href="javascript:;" class="bar_item cur">
                        <p>订单完成</p>
                        <div class="bar_bg"></div>
                        <p>2018.08.09</p>
                    </a>
                    <a href="javascript:;" class="bar_item">
                        <p>回款确认</p>
                        <div class="bar_bg"></div>
                        <p>2018.08.09</p>
                    </a>
                </div>
            </div>

        </div>
        <div class="item_tab">
            <h2>订单内容   <span>培训立项时间： 2018.03.01 14:32:21</span></h2>
            <div class="p_list row">

                <p class="col-xs-12">培训项目：《基层工会干部培训》</p>
                <p class="col-xs-12">学习有效期：2018.03.01 14:32 至 2019.03.01 14:32</p>
                <p class="col-xs-6">购买学习卡：300 张</p>
                <p class="col-xs-6">项目金额：10万元</p>
                <p class="col-xs-6">已分配学习卡：200 张</p>
                <p class="col-xs-6">激活率：10万元</p>
                <p class="col-xs-6">覆盖工会：21 个</p>
                <p class="col-xs-6">覆盖企业：211家</p>

            </div>
            <div class="p_list row" style="margin-top: -1px">
                <p class="col-xs-12">培训项目：《基层工会干部培训》</p>
                <p class="col-xs-12">学习有效期：2018.03.01 14:32 至 2019.03.01 14:32</p>
                <p class="col-xs-6">购买学习卡：300 张</p>
                <p class="col-xs-6">项目金额：10万元</p>
                <p class="col-xs-6">已分配学习卡：200 张</p>
                <p class="col-xs-6">激活率：10万元</p>
                <p class="col-xs-6">覆盖工会：21 个</p>
                <p class="col-xs-6">覆盖企业：211家</p>

            </div>
        </div>


        <button class="btn btn-primary" style="padding: 10px 50px;border: 1px solid #4787BF;background-color: transparent;color: #4787BF">返回</button>
    </div>
</div>

<script type="text/javascript" src="http://css.tt.gzedu.com/workeredu_cn/platform_admin/v1.0/js/jquery-2.1.4.min.js"></script>
<script type="text/javascript" src="http://css.tt.gzedu.com/workeredu_cn/platform_admin/v1.0/style/dist/zui@1.8.1/js/zui.min.js"></script>

<!--复选美化-->
<script src="http://css.tt.gzedu.com/workeredu_cn/platform_admin/v1.0/style/dist/icheck.min.js"></script>
<script>

</script>
</body>
</html>